<div class="d-flex flex-row-reverse">

    <aside class="bd-sidebar sub-sidebar">
        <nav class="bd-links p-3" aria-label="Sub-section navigation">
            <div class="btn-group w-100" role="group">
                <button id="btnToSubmit" type="button" ng-click="saveAppSettings(appSettings)"
                    class="btn btn-primary text-white">
                    <i class="fa fa-save"></i>
                    <span ng-bind="translate('Save')"></span>
                </button>
            </div>
        </nav>
    </aside>

    <!-- ----------------------------------------------------------- -->

    <div class="content-body py-3 pe-3">
        <h3>App settings</h3>
        <p class="text-subtitle text-muted">
            Use the filter side bar on the right to filter and search your settings.
        </p>
        <section class="" ng-init="loadAppSettings()">
            <form ng-if="appSettings" ng-class="{'submitted': submitted}" ng-submit="saveAppSettings(appSettings)"
                autocomplete="new-password">
                <tabs-v>
                    <pane-v header="General" class="">
                        <div class="mb-3">
                            <app-settings-general app-settings="appSettings"></app-settings-general>
                        </div>

                        <div class="card card-body mb-3">
                            <h6>
                                Languages
                                <a href="/portal/language/create"
                                    class="btn btn-link text-primary btn-sm float-end"><span
                                        class="fas fa-plus text-primary"></span> Add new</a>
                                <a href="/portal/language/list" class="btn btn-link text-primary btn-sm float-end"><span
                                        class="far fa-list-alt text-primary"></span> List
                                    languages</a>
                            </h6>
                            <h6>Default Language</h6>
                            <select class="form-select" ng-model="appSettings.GlobalSettings.DefaultCulture">
                                <option ng-repeat="item in cultures" ng-value="item.specificulture">
                                    {{item.specificulture}}</option>
                            </select>
                        </div>
                        <div class="card card-body">
                            <h6>
                                Localization
                                <a href="/portal/localize/create"
                                    class="btn btn-link text-primary btn-sm float-end"><span
                                        class="fas fa-plus text-primary"></span> Add new</a>
                                <a href="/portal/localize/list" class="btn btn-link text-primary btn-sm float-end"><span
                                        class="far fa-list-alt text-primary"></span> List
                                    translations</a>
                            </h6>
                            <p class="text-muted">Manage your multilingual site contents.</p>
                        </div>
                    </pane-v>
                    <!-- <pane-v header="Default">
                <div class="card card-body">
                    <app-settings-default app-settings="appSettings" statuses="statuses"
                        cultures="globalSettings.cultures">
                    </app-settings-default>
                </div>
            </pane-v> -->
                    <pane-v header="Authentication">
                        <div class="card card-body">
                            <app-settings-auth app-settings="appSettings"></app-settings-auth>
                        </div>
                    </pane-v>
                    <pane-v header="Email">
                        <div class="card card-body">
                            <app-settings-smtp app-settings="appSettings"></app-settings-smtp>
                        </div>
                    </pane-v>
                    <!-- <pane-v header="Import">
                <div class="card card-body">
                    <h6>Import
                        <a href="/portal/import" class="btn btn-link text-primary btn-sm float-end"><span
                                class="fas fa-file-import text-primary"></span> Import</a>

                    </h6>
                    <p class="text-muted">Add a title and description to see how this product might
                        appear in a search engine listing.</p>
                </div>
            </pane-v> -->
                    <!-- <pane-v header="Permissions">
                    <div class="card card-body">
                        <h6>Permissions
                            <a href="/portal/permission/create" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add
                                new</a>
                            <a href="/portal/permission/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                permissions</a>
                        </h6>
                    </div>
                </pane-v> -->
                    <!-- <pane-v header="File Management">
                    <div class="card card-body">
                        <h6>
                            Files
                            <a href="/portal/file/create" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add new</a>
                            <a href="/portal/file/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List file</a>
                        </h6>
                    </div>
                </pane-v> -->
                    <!-- <pane-v header="Json Setttings">
                    <div class="card card-body">
                        <h6>Json Settings
                            <a href="/portal/json-data/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                Json List</a>
                        </h6>
                    </div>
                </pane-v> -->
                    <!-- <pane-v header="Attribute sets">
                <div class="card card-body">
                    <h6>Attribute sets
                        <a href="/portal/mix-database/create"
                            class="btn btn-link text-primary btn-sm float-end"><span
                                class="fas fa-plus text-primary"></span> Add
                            New</a>
                        <a href="/portal/mix-database/list" class="btn btn-link text-primary btn-sm float-end"><span
                                class="far fa-list-alt text-primary"></span> List
                            Attr Sets</a>
                    </h6>
                </div>
            </pane-v> -->
                    <!-- <pane-v header="Languages">
                    <div class="card card-body">
                        <h6>
                            Languages
                            <a href="/portal/language/create" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add new</a>
                            <a href="/portal/language/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                languages</a>
                        </h6>
                    </div>
                </pane-v>
                <pane-v header="Localization">
                    <div class="card card-body">
                        <h6>
                            Localization
                            <a href="/portal/localize/create" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add new</a>
                            <a href="/portal/localize/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                strings</a>
                        </h6>
                        <p class="text-muted">Manage your multilingual site contents.</p>
                    </div>
                </pane-v> -->
                </tabs-v>

                <!-- 
        <div class="row justify-content-md-center">
            <div class="col-lg-6">
                <div class="card mb-4">
                    <div class="card-header">
                        <h6>General
                            <button class="btn btn-link text-primary btn-sm float-end" type="button"
                                data-bs-toggle="collapse" data-bs-target="#general-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit general settings</button>

                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>

                    <div id="general-setting" class="card-body collapse-x">

                        <app-settings-general app-settings="appSettings"></app-settings-general>

                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Default
                            <button class="btn btn-link text-primary btn-sm float-end" type="button"
                                data-bs-toggle="collapse" data-bs-target="#default-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit default settings</button>

                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>

                    <div id="default-setting" class="card-body collapse-x">
                        <app-settings-default app-settings="appSettings" statuses="statuses"
                            cultures="globalSettings.cultures"></app-settings-default>

                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Import
                            <a href="/portal/import" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-file-import text-primary"></span> Import</a>

                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Permissions
                            <a href="/portal/permission/create"
                                class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add
                                new</a>
                            <a href="/portal/permission/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                permissions</a>
                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>
                </div>


                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Attribute sets
                            <a href="/portal/mix-database/create"
                                class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add
                                New</a>
                            <a href="/portal/mix-database/list"
                                class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                Attr Sets</a>
                        </h6>
                        <p class="text-muted">Add a title and description to see how this product might
                            appear in a search engine listing.</p>
                    </div>
                </div>

            </div>

            <div class="col-lg-6">
                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Authentication
                            <button class="btn btn-link text-primary btn-sm float-end" type="button"
                                data-bs-toggle="collapse" data-bs-target="#auth-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit authentication
                                settings</button>

                        </h6>
                        <p class="text-muted">Manage and control authentication settings.</p>
                    </div>

                    <div id="auth-setting" class="card-body collapse-x">

                        <app-settings-auth app-settings="appSettings"></app-settings-auth>

                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Email
                            <button class="btn btn-link text-primary btn-sm float-end" type="button"
                                data-bs-toggle="collapse" data-bs-target="#smtp-setting" aria-controls="seo-tab-content"
                                aria-expanded="false" aria-label="Toggle navigation"><span
                                    class="far fa-edit text-primary"></span> Edit SMTP settings</button>

                        </h6>
                        <p class="text-muted">Enables you to configure e-mail settings.</p>
                    </div>

                    <div id="smtp-setting" class="card-body collapse-x">


                        <app-settings-smtp app-settings="appSettings"></app-settings-smtp>

                    </div>
                </div>


                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Languages
                            <a href="/portal/language/create" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add
                                new</a>
                            <a href="/portal/language/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                languages</a>
                        </h6>
                        <p class="text-muted">This option will enable multilingual feature for your side.</p>
                    </div>
                </div>


                <div class="card mb-4">
                    <div class="card-header">
                        <h6>Localization
                            <a href="/portal/localize/create" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="fas fa-plus text-primary"></span> Add
                                new</a>
                            <a href="/portal/localize/list" class="btn btn-link text-primary btn-sm float-end"><span
                                    class="far fa-list-alt text-primary"></span> List
                                strings</a>
                        </h6>
                        <p class="text-muted">Manage your multilingual site contents.</p>
                    </div>
                </div>

            </div>
        </div> -->

                <!-- 
        <div class="row justify-content-md-center">
            <div class=" col-lg-6">
                <div class="card mb-4">
                    <h6 class="card-header">
                        App Settings
                    </h6>
                    <div class="card card-body">
                        <div class="row">
                            <tabs-v class="col-lg-12">
                                <pane-v header="General">
                                </pane-v>
                                <pane-v header="Default">
                                    
                                </pane-v>
                                <pane-v header="Auth">
                                </pane-v>
                                <pane-v header="Smtp">
                                </pane-v>
                            </tabs-v>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
            </form>
        </section>
        <!-- /.content -->
    </div>
</div>